//背景颜色
$bgcolor:#0e1327;
//配置主题
$light:#ee0a24;
#app[data-theme='light'] {
    //按钮 --info
    .van-button--plain {
        // background-color: $yellow;
        color: $light;
        border-color: $light;
    }
    .active {
        color: $light;
    }
    .home-time {
        color: #485187;
    }
    .home-title {
        color: #485187;
    }
}

$darkbg:#0e1327;
$dark: #485187;
#app[data-theme='dark'] {
    //按钮 --info
    .van-button--plain {
        // background-color: $yellow;
        color: $dark;
        border-color: $dark;
        background-color: rgba(72, 81, 135, 0.2) !important;
    }
    .active {
        color: $dark;
    }
    background-color: $darkbg;
    .home-time {
        color: #485187;
    }
    .foot-nav {
        background-color: $darkbg;
        color: #fff;
    }
    .analysis {
        .item {
            background-color: rgba(72, 81, 135, 0.2);
        }
        background-color: $darkbg;
    }
    .charts {
        background-color: $darkbg;
        color: $dark;
    }
    .list-item {
        background-color: $darkbg;
        color: $dark;
    }
    .setting,
    .commonSet {
        background-color: $darkbg;
        .van-cell {
            background-color: rgba(72, 81, 135, 0.2) !important;
            color: $dark;
        }
    }
}

//提示词
$fontsize14:14px;
$fontsize12:12px;
$fontsize18:18px;
$fontsize24:24px;
.home-tip {
    color: #485187;
    font-size: $fontsize14;
}

.home-time {
    // color: #fff;
    font-size: $fontsize14;
}

//上升颜色
$up: #E0BB84;
//下降颜色
$down:#92CEA8;
.up {
    color: $up;
}

.down {
    color: $down;
}

.magrinbt5 {
    margin-bottom: 5px;
}

.charts {
    width: 100%;
    height: 200px;
    background-color: #fff;
    margin: 10px 0;
    border-radius: 5px;
}